#swiper-ship {
    background: url('@/assets/images/index/ship-banner.png') no-repeat;
    background-size: 100% 100%;
    padding: 34px 25px 54px;
    .swiper-ship-title {
        font-size: 30px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: Semibold;
        color: #131415;
        margin-bottom: 15px;
        .swiper-ship-title-nft {
          color: #8833F3;
        }
    }
    .ship-total {
        font-size: 12px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: Regular;
        color: #131415;
        margin-bottom: 20px;
        .for-sale-total {
          width: 174px;
          padding: 10px;
          background: linear-gradient(270deg,#e6d5ff, #f8f3ff);
          color: #131415;
        }
        .for-sale {
          width: 150px;
          text-align: right;
          padding: 10px;
          background: linear-gradient(270deg,#faf6ff, #f4ecff 1%);
          color: #999999;
        }
    }
    .ship-reserve {
        font-size: 12px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: Semibold;
        text-align: left;
        color: #131415;
        margin-bottom: 15px;
    }
    .ship-reserve-desc {
        opacity: 0.8;
        font-size: 9px;
        height: 10px;
        line-height: 10px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: Regular;
        text-align: left;
        color: #131415;
        margin-bottom: 10px;
        overflow: hidden;
        position: relative;
        padding-left: 8px;
        &::before {
            content: '';
            display: inline-block;
            width: 5px;
            height: 5px;
            background: #131415;
            margin-right: 5px;
            position: absolute;
            left: -5px;
            top: 50%;
            transform: translateY(-50%);
            rotate: 45deg;
        }
    }
    .ship-free-reserve-btn {
        padding-top: 25px;
        font-size: 8px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: Medium;
        text-align: left;
        color: #ffffff;
        .btn {
            cursor: pointer;
            padding: 8px 5px;
            // margin-right: 10px;
            text-align: center;
            line-height: 10px;
        }
        .btn-water {
            width: 130px;
            background: #ff1b72;
            font-size: 12px;
            margin-bottom: 10px;
            img {
                width: 12px;
                margin-right: 5px;
            }
        }
        .btn-receive {
            width: 130px;
            background: #0cc3fe;
            border: 1px solid rgba(211,23,230,0.30);
        }
        .btn-received {
            width: 130px;
            background: #ffffff;
            border: 1px solid rgba(153,153,153,0.30);
            color: #999999;
        }
    }
}
